<script setup lang="ts">
// defineProps不能修改数据父传子
const props = defineProps<{
    money: number
    car: string
    house: string
}>()
// 回调函数
// 定义emit 数据子传父
const emits = defineEmits<{
    'update:money': [money: number]
    'update:car': [car: string]
    'update:house': [house: string]
}>()
const addMoney = () => {
    // 调用父组件传过来的函数
    emits('update:money', props.money + 10000)
}
</script>
<template>
    <div class="child-page" style="border: 1px red solid;">
        <p>钱包：{{ money }}</p>
        <button @click="addMoney">发工资了 </button>
        <p>---------------</p>
        <p>车：{{ car }}</p>
        <button @click="emits('update:car', '保时捷')">换车</button>
        <p>---------------</p>
        <p>住处：{{ house }}</p>
        <button @click="emits('update:house', '大房子')">换房子</button>
    </div>
</template>